<template>
	<div>
		<div>
			<h2>Home组件内容</h2>
			<div>
				<ul class="nav nav-tabs">
					<li>
						<!-- <router-link replace class="list-group-item" active-class="active" to="/home/news">News</router-link> -->
						<router-link class="list-group-item" active-class="active" to="/home/news">News</router-link>
					</li>
					<li>
						<!-- <router-link replace class="list-group-item" active-class="active" to="/home/message">Message</router-link> -->
						<router-link class="list-group-item" active-class="active" to="/home/message">Message</router-link>
					</li>
				</ul>
				<!-- 缓存多个路由组件 include里时组件名-->
				<!-- <keep-alive :include="['News','Message']"> -->
				<keep-alive include="News">
					<router-view></router-view>
				</keep-alive>
			</div>
		</div>
	</div>
</template>
<script>
	export default {
		name: 'Home'
	}
	
</script>